import React from 'react'
import { Modal } from 'antd'
import ProductItem from './ProductItem'
import ProductItem2 from './ProductItem2'

function ProductList() {
  const [isModalOpen, setIsModalOpen] = React.useState(false)
  return (
    <>
      <div className="productList">
        <ProductItem />
        <ProductItem />
        <ProductItem />
        <ProductItem />
        <ProductItem />
      </div>
      {/* 模态框 */}
      <Modal
        title="提示"
        centered
        open={isModalOpen}
        onOk={() => {
          setIsModalOpen(false)
        }}
        onCancel={() => {
          setIsModalOpen(false)
        }}
      >
        <p>该商品已经下架</p>
      </Modal>
    </>
  )
}

export default ProductList
